﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head;
    any other head content must come *after* these tags -->
    <meta name="renderer" content="webkit">
    <title>提示信息测试</title>

    <!-- Bootstrap core CSS -->
    <link href="/Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Scripts/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet"/>
    <!-- 专业图标样式表 -->
    <link href="/Scripts/bootstrap/css/bootstrap-glyphicons.min.css" rel="stylesheet"/>
    <link href="/Scripts/bootstrap/css/bootstrap-awesome.min.css" rel="stylesheet"/>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="/Scripts/bootstrap/css/ie10-viewport-bug-workaround.css" rel="stylesheet">


    <link href="/Scripts/bootstrap/css/bootstrap-validator.css" rel="stylesheet"/>
    <link href="/Styles/Hsp.Base.css" rel="stylesheet"/>

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
        <script src="/Scripts/bootstrap/js/ie8-responsive-file-warning.js"></script>
    <![endif]-->

    <script src="/Scripts/bootstrap/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="/Scripts/html5shiv.min.js"></script>
        <script src="/Scripts/respond.min.js"></script>
        <script src="/Scripts/html5media.min.js"></script>
    <![endif]-->


    <style type="text/css">
        @media screen and (max-width: 768px) {
            /* 移动平台 */
        }

        @media screen and (min-width: 768px) {
            /* PC平台 */

            body { padding-top: 30px; }
        }
    </style>

    <!-- Bootstrap 核心 JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
            crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="/Scripts/jquery/jquery-1.12.4.min.js"><\/script>')</script>
    <script src="/Scripts/bootstrap/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="/Scripts/bootstrap/js/ie10-viewport-bug-workaround.js"></script>

    <script src="/Scripts/bootstrap/js/bootstrap-validator.min.js"></script>
    <script src="/Scripts/bootstrap/js/locales/bootstrap-validator-zh-CN.js"></script>

    <script src="/Scripts/Hsp.Base.js"></script>
    <script src="/Scripts/Hsp.Common.js"></script>
    <script src="/Scripts/Hsp.Modal.js"></script>
    <script src="/Scripts/Hsp.Formater.js"></script>

    <style type="text/css">
        body { padding: 5px; }
    </style>

    <script type="text/javascript">


    
    </script>

</head>
<body>

<input id="Button1" type="button" value="correct button" onclick="modals.correct('Hello world!');"/>

<input id="Button2" type="button" value="error button" onclick="modals.error('Hello world!');"/>

<input id="Button3" type="button" value="info button" onclick="modals.info('Hello world!');"/>

<input id="Button4" type="button" value="warn button" onclick="modals.warn('Hello world!');"/>


</body>
</html>